<template>
  <div class="d-flex flex-column align-center flex-md-row align-md-start">
    <div>
      <div class="d-flex align-center flex-column ">
        <v-avatar color="primary" size="80"></v-avatar>
        <div class="mt-2">用户名</div>
      </div>
    </div>
    <div class="w-100 mt-2 ml-md-5">
      <v-sheet
        color="primary"
        class="d-flex align-center px-5 fontwhite--text flex-wrap rounded-lg" elevation="2"
      >
        <div class="col-6 col-md-3 pa-0 py-2">疾病：拔牙</div>
        <div class="col-6 col-md-3 pa-0 py-2">满意度：很满意</div>
      </v-sheet>
      <div class="pa-5">
        <span
          >评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</span
        >
      </div>
      <v-divider class="mt-5"></v-divider>
      <div class="px-5 py-5">2021-04-22 15:06:11 (就诊 后11天)</div>

    </div>
  </div>
</template>



<script>
export default {};
</script>



<style lang="scss" scoped>
</style>
